<nav class="mui-bar mui-bar-tab yel">
	<a class="mui-tab-item mui-active" href="#" id="home">
		<span class="mui-icon mui-icon-home"></span>
		<span class="mui-tab-label">首页</span>
	</a>
	<a class="mui-tab-item" href="#" id="fenlei">
		<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
		<span class="mui-tab-label">分类</span>
	</a>
	<a class="mui-tab-item" href="#tabbar-with-contact" id="paim">
		<span class="mui-icon mui-icon-contact"></span>
		<span class="mui-tab-label">排名</span>
	</a>
	<a class="mui-tab-item" href="#tabbar-with-map" id="user">
		<span class="mui-icon mui-icon-gear"></span>
		<span class="mui-tab-label">我的</span>
	</a>
</nav><!--下方导航-->
<script type="text/javascript">
	document.getElementById('home').addEventListener('tap', function() {
	  mui.openWindow({
	    url: "{:U('Cellar')}", 
	    id:'home'
	  });
	});
	document.getElementById('fenlei').addEventListener('tap', function() {
	  mui.openWindow({
	    url: "{:U('Cellar/categoryList')}", 
	    id:'fenlei'
	  });
	});
	document.getElementById('paim').addEventListener('tap', function() {
	  mui.openWindow({
	    url: 'renqi.html', 
	    id:'paim'
	  });
	});
	document.getElementById('user').addEventListener('tap', function() {
	  mui.openWindow({
	    url: 'person.html', 
	    id:'user'
	  });
	});
</script>	
